//button
.openaside
  display none
  position fixed
  right 7.5%
  top 260px
  a
    display block
    color color-white
    border 1px solid color-white
    border-radius 5px
    background color-theme
    padding 0.2em 0.55em
    &::before
      font-family font-icon-family
      font-smoothing()
      content "\f0c9"

.closeaside
  display none
  a
    color color-theme
    &:hover
      color color-blue
    &::before
      font-family font-icon-family
      font-smoothing()
      content "\f0c9"
  @media tablet
    display block
    position absolute
    right 25px
    top 22px

//sidebar
#asidepart
  background color-section
  margin 1em 0 0
  padding 0.5em 2% 1em
  @media tablet
    position relative
    float left
    width 18%
    margin 2em 0 0 3%

.asidetitle
  font-size 1.1em
  color color-blue
  padding 0 0 0.3125em 0
  border-bottom 0.1875em solid color-gray
  a
    color color-blue
    &:hover
      color color-theme
      transition color .5s

//categories
.categorieslist
  @media mini
    width 45%
    float left
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  li 
    border-bottom 1px solid color-gray
    a
      display block
      padding 0.5em 5%
      &:hover
        color color-theme

//tag
.tagslist
  margin 1em 0 0
  @media mini
    width 45%
    float left
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  ul
    padding 0.5em 0
  ul li
    float left
    a
      display block
      margin 0.3125em
      padding 0.125em 0.3125em
      background lighten(color-gray, 30%)
      &:hover
        color color-theme
        background lighten(color-gray, 50%)

//rss
.rsspart
  background color-theme
  width 100%
  @media mini
    float left
    width 45%
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  a
    color color-white
    display block
    padding 0.625em 0
    text-align center
    &:hover
      color color-theme
      background color-section
    &::before
      font-family font-icon-family
      font-smoothing()
      padding-right 0.5em
      content "\f09e"

//archive
.archiveslist
  @media mini
    width 45%
    float left
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  li 
    font-size 0.8em
    line-height 2em
    a
      padding 0.5em
      &:hover
        color color-theme
        transition color .25s
  .archive-list-count
    &:before
      content "("
    &:after
      content ")"
          
.archive-list 
  padding 0.5em 0 

.archive-float 
  ul
    padding 0 
  li
    float left
    margin 0.3em
    @media tablet
      float none

//tagcloud
.tagcloudlist
  @media mini
    width 45%
    float left
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  .tagcloudlist
    a
      padding 0.2em
      display block
      float left
      &:hover
        color color-theme
        transition color .25s

//links
.linkslist
  margin-top 0.5em 
  @media mini
    width 45%
    float left
    margin 0 5% 0 0
  @media tablet 
    width 100%
    float none
    margin 1em 0 0
  ul
    padding 0.5em 0
    a
      font-size 1em
      line-height line-height
      display block
      padding 0 3%
      &:hover
        color color-theme
        transition color .25s


#authorInfo
  overflow hidden
  text-align center 
  padding-top 2em
  margin-bottom 1.5em
  border-bottom 1px solid color-gray
  background-position left bottom
  background-repeat repeat-x
  background-size 5px auto
  @media mini
    padding-top 0.5em
  @media tablet
    padding-top 1em

.author-info
  margin 0.8em 0 0.2em
  line-height 28px

.author-logo
  width w=(110/16)em
  height w
  margin 0 auto
  if dataURI
    background no-repeat url(author-img-data) left top
  else
    background no-repeat url(root+author-img) left top 
  background-size w w
  border-radius (w/2)
  transition transform 2s ease-out
  &:hover
    transform rotateZ(360deg)
  @media mini
    margin 0 1em 0 0
    float left
  @media tablet
    float none
    width w=(110/12)em
    height w
    background-size w w
    border-radius (w/2)
    margin 0 auto

.info-logo
  if ShowCustomFont
    font-family font-custom-family
    font-smoothing()
    font-size font-size+50
    line-height 1.3em
  else
    font-family font-default
    line-height line-height+0.15
  width 90%
  margin 0 auto
  color color-white
  @media mini
    margin 4.5em 0 2em 0
    float left
    width 75%

.social-list
  width 100%
  margin 50 auto
  overflow hidden
  float left
  text-align center
  @media tablet
    float none
    width auto
    padding 0
    backgroun #343434
  a
    display inline-block
    color #343434
    font-size font-size+80
    margin 0.5em
    @media mini
      float none
      margin 0 
      padding 0.3em
    @media tablet
      float none
      padding 0.3em
    &:hover:before
      color color-blue
    &[title="weibo"]::before,&[title="twitter"]::before,&[title="github"]::before,&[title="facebook"]::before,&[title="zhihu"]::before
      font-family font-icon-family
      font-smoothing()
    &[title="weibo"]::before
      content "\f18a"
    &[title="twitter"]::before
      content "\f099"
    &[title="github"]::before
      content "\f09b"
    &[title="facebook"]::before
      content "\f09a"
    &[title="zhihu"]::before
      content: "\f1d6";
 

//back-top
#back-top 
  display  block
  width  30px
  height  30px
  background  transparent
  border  6px solid rgb(0, 0, 0)
  border  6px solid rgba(0, 0, 0, 0.5)
  border-radius  100%
  position fixed
  right 5px
  bottom 20px
  span
    display block
    width 0
    height 0
    border-top  10px solid transparent
    border-right  10px solid transparent
    border-bottom  10px solid rgb(0, 0, 0)
    border-bottom  10px solid rgba(0, 0, 0, 0.5)
    border-left  10px solid transparent
    text-indent  -99999px
    margin  -2px auto 0
    -webkit-transition all 0.4s ease-in-out 0s
    -moz-transition all 0.4s ease-in-out 0s
    -o-transition all 0.4s ease-in-out 0s
    transition all 0.4s ease-in-out 0s
  &:hover
    border  6px solid rgba(0, 0, 0, 1)
  &:hover span 
    border-bottom  10px solid rgba(0, 0, 0, 1)
  

